.dep-service-form{

    .ser-item{
        width: 112px;
        height: 40px;
        font-size: 18px;
        padding: 0 10px;
        text-align: center;
        line-height:40px;
        border: 1px solid #cac7c7;
        border-radius: 4px;
        margin: 13px 6px;
        position: relative;
        cursor: pointer;
        color: #8e8989;

        p{
            font-size: 13px;
            width: 76px;
            margin-bottom: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 40px;
        }
        &:hover{
            border-color:#23527c;
            text-decoration: none;
        }
        &.checked{
            border-color:#23527c;
            color: #23527c;
            i{
                display: block;
            }
        }
        // i{
        //     display: none;
        //     position:absolute;
        //     top: -10px;
        //     right: -3px;
        //     font-size: 28px;
        //     color:#60c6df;
        // }
    }
    .ser-search{
        width: 259px;
        margin: 0 auto;
        input{
            width: 200px!important;
        }
    }
    .no-data{
        text-align: center;
    }
    .loading{
        margin-left: auto;
        margin-right:auto;
    }
    .checked-node{
        a{
            margin-left:8px;
            background-color:#60c6df;
            border-radius: 6px;
            color: #fff;
            cursor: pointer;
            font-size: 13px;
            font-weight: 600;
            height: 26px;
            letter-spacing: -.01em;
            margin-bottom: 5px;
            span{
                height: 26px;
                padding: 4px 8px 6px;
            }
            .remove{
                border-left: 1px solid rgba(255,255,255,0.18);
            }
        }
    }
    .dep-tips{
        color: #5e6064;
        font-size: 16px;
        line-height: 34px;
        i{
            color: #00bdd3;
            margin-right: 5px;
        }
    }
}

.dep-detail-wrap{
    .ser-form{
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
        margin-bottom: 20px;
    }
    .panel-chart{
        // background-color:#eee;
        border-radius:4px;
    }
    .dep-form-header{
        position:relative;
        background-color:#f7f7f9;
        border-bottom:1px solid #e7e9ed;
    }
    .dep-form-body{
        background-color:#fff;
    }
    .graph-chart{
        min-width: 1000px;
        min-height: 400px!important;
    }
    .dep-label{
        font-weight: 700;
        color: #666;
        font-size: 14px;
    }
    .dep-submit{
        position:absolute;
        right: 15px;
        top: 10px;
    }
    .text-danger{
        margin-left: 10px;
    }
}
